@import "../../../../src/less/quote/color.less";
.com-menu{
  width: 300px;
  background: @cf;
  cursor: pointer;
  i{
    &:after{
      position: absolute;
      content:"";
      border-top:5px solid @c9;
      border-left:4px solid transparent;
      border-right:4px solid transparent;
      left:0px;
      top:50%;
      transform: translateY(-50%) rotate(-90deg);
      transition: all .3s;
    }
  }
  .active > .list-title{color:@com-main-a;}
  .active > .list-title{
      i {
        &:after {
          transform: translateY(-50%) rotate(0deg);
        }
      }
  }
  //ul
  .menu-item{
    //li
    .item-list{
      color:@c3;
      border-top:1px dashed @ceb;
      &:first-child{border: none;}
      .list-title{
        position: relative;
        height:40px;
        line-height: 40px;
        padding:0 10px;
        font-size: 16px;
        background: @cdb;
      }
      .list-content{
        display: none;
        padding:0 10px;
        background: @cf2;
      }
    }
  }

}